<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
	body{
		background-color: burlywood;
	}
	.a{
		text-shadow: 1px 1px 0 #FF0000,-1px -1px 0 #FF0000,-1px 1px 0 #FF0000,1px -1px 0 #FF0000 ;
	}
	.b{
		text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
	}
	.c{
		text-shadow:1px 3px 6px #fff,0 0 0 #000,1px 3px 6px #fff;
	}
	.d{
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	}
	.e{
		text-shadow: 0 0 9px rgba(0,0,0,0.3);
	}
	.f{
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;
	}
	.g{
		text-shadow: 5px 5px #558ABB;
	}
	.h{
		text-shadow: 1px 1px 0 #0000FF,
		2px 2px 0 #0000FF,
		3px 3px 0 #0000FF,
		4px 4px 0 #0000FF;
	}
	</style>
	<body>
		<p class="a">描边文字</p>
		<p class="b">发光</p>
		<p class="c">内投影</p>
		<p class="d">浮雕</p>
		<p class="e">模糊</p>
		<p class="f">模糊浮雕</p>
		<p class="g">inset effect</p>
		<p class="h">立体文字</p>
	</body>
</html>
